<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>融媒体内容生产方法与实践</title>
    <link rel="stylesheet" href="resource\css\index.css" />
    <script src="resource\js\bdtj.js"></script>
  </head>

  <body>
    <h1>融媒体内容生产方法与实践</h1>
    <h2>教学内容演示</h2>
    <div class="flex-container">
      <div class="card">
        <div class="layer"></div>
        <p id="html"><a href="01-html.html">HTML元素练习</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="cssfont"><a href="02-css.html">文字样式设置</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="cssbg"><a href="03-css-bg-box.html">CSS背景及盒模型</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="cssflex"><a href="04-position-flex.html">定位及弹性盒</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="cssani"><a href="05-css-animate.html">变形、过渡及动画</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="js-basic"><a href="06-js-basic.html">JS基础</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="js-core"><a href="07-js-core.html">JS核心语法</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="fullpage"><a href="fullpage.html">Fullpage.js用法</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="jquery"><a href="jQuery-demo3.html">jQuery.js用法</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="bs"><a href="bootstrap.html">Bootstrap用法</a></p>
      </div>
      <div class="card">
        <div class="layer"></div>
        <p id="echarts"><a href="15-2-人物关系案例.html">Echarts.js用法</a></p>
      </div>
    </div>
    <h2>课程作业展示</h2>

    <footer>
      <p>yangjh@yeah.net</p>
    </footer>
  </body>
</html>
